<template>
  <!--  <router-view></router-view>-->
  <!--<Transition>中的组件不能呈现动画的非元素根节点。
   也就是说，Transition包裹的必须是一个单根的组件。-->
  <div>
    <router-view v-slot="{ Component }"
      ><!--v-slot获取路由组件的引用-->
      <transition :name="state.rootTransitionName" translate>
        <component :is="Component"></component>
      </transition>
    </router-view>
  </div>
</template>

<style lang="scss">
@import "@/style/slide.scss";
// 自定义进度条颜色
#nprogress .bar {
  background: #e2e2e2 !important; //自定义颜色
}
</style>
<script setup>
import { state } from "@/utils/slide";
</script>
